<!DOCTYPE html>
<!-- saved from url=(0065)http://www.gxxwkj.com/assets/eshop/product-detail.html?prodId=218 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>详情页面</title>

<link rel="stylesheet" type="text/css" href="../css/cjz-css/bootstrap.min.css">
<link href="../css/cjz-css/eshop.css" rel="stylesheet" type="text/css">


<script src="../js/config.js"></script>
<script src="../js/common.js"></script>

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="../js/tmpl/cjz-js/product_detail.js"></script>
<script>

$(document).ready(function(){
  $("#tab2").click(function(){

    $('.tab2-box').show();
	$('.tab1-box').hide();
	$('#tab2').addClass("active");
	$('#tab1').removeClass("active");
	//显示结果
	var goods_id = GetQueryString("goods_id");
    $.ajax({
        url: ApiUrl + "/index.php?act=goods&op=goods_body",
        data: {goods_id: goods_id},
        type: "get",
        success: function(result) {
            $(".fixed-tab-pannel").html(result);
        }
    });
  });

  $("#tab1").click(function(){

     $('.tab1-box').show();
	$('.tab2-box').hide();
	$('#tab1').addClass("active");
	$('#tab2').removeClass("active");
  });
});
</script>
</head>
<body ng-app="app" class="ng-scope">
<div class="big_wrap container ng-scope" ng-controller="MainController">
	<!--header begin-->
	<header style="margin-left: -15px;">
			<h1>商品详情</h1>
			<i class="back" ng-click="goback()"><a href="#"><img src="../images/cjz-image/u99.png"></a></i> <span class="three"></span>
		</header>
		<div class="header_fixed_placeholder" style="height: 40px;" ></div>
		<!--header end-->
		<!-- ngRepeat: prod in products --><div class="big_middle row ng-scope" ng-repeat="prod in products">
			<!--中间-->
			<div id="slideBox" class="slideBox slideBox">
				<div class="bd">
					<div class="tempWrap" style="overflow:hidden; position:relative;">
                    	<ul class="pic_swiper" style="width: 2160px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translate(-1080px, 0px) translateZ(0px);">					
						<li ng-repeat="prodcover in productsCover" class="ng-scope" style="display: table-cell; vertical-align: top; width: 540px;"></li>
						<li ng-repeat="prodcover in productsCover" class="ng-scope" style="display: table-cell; vertical-align: top; width: 540px;">
						</li>
						<li  style="display: table-cell; vertical-align: top; width: 540px;">
							<a class="pic" href="javascript"><img class="goods_img" style="width: 100%;" alt="" src=""></a>
						</li>

						</ul>
                    </div>
				</div>
			</div>
		
			<div class="product_wrap">
			  <div class="product-detail">
				  <div class="detail-text">
					<h4 class="goods_name">加载中……</h4>
					<span>¥<span class='goods_price'></span></span>
					<span  style="font-size:10px; color :grey;   text-decoration: line-through;"> 
						原价<span style="font-size:10px; color:grey; text-decoration: line-through;" class='goods_marketprice'>加载中……</span>
						</span>

					
					</div>
					
				</div>
			</div>
			<div class="product_wrap">
				<div class="other-detail">
					<div class="detail-select" style="height: 70px;">
						<!-- <p><span class="gray">拼团价更便宜哦！</span></p> -->
						<p><span class="gray">销量：<span class='goods_salenum'></span></span></p>
						<p><span class="gray">运费：<span class='goods_freight'></span></span></p>
						
				  </div>
				</div>
			</div>

			<div class="product_wrap">
				<ul class="tab-detail web_flex">
					<li id='tab1' class="tab1 active web_flex_1"><a  href="javascript:">规格参数</a></li>
					<li id='tab2' class="tab2 web_flex_1"><a  href="javascript:">图文详情</a></li>
				</ul>
			</div>
			<!--tab1 切换1-->
			<div class="tab1-box clear " ng-show="isShowList1">
				<h3>
					<span class="fl">商品参数</span>
				</h3>
				<div class="prodDetail">
				<div>

					<ul>
						<li class="gray"><span>商品名称</span><em class="goods_name">加载中……</em></li>
						<li class="gray"><span>商品价格</span><em class="goods_price">加载中……</em></li>
						<li class="gray"><span>库存</span><em class="goods_storage">加载中……</em></li>
						<li class="gray"><span>产地</span><em class="goods_from">加载中……</em></li>
						
						<li class="gray2"><span>包装</span><em class="goods_package">加载中……</em></li>
						<li class="gray2"><span>净含量</span><em ><span class="goods_quality">加载中……</span></em></li>
						<li class="gray2"><span>品牌</span><em class="brabd_name">加载中……</em></li>
						<li class="gray2"><span>商家</span><em class="store_name">加载中……</em></li>
						<li class="gray2"><span>联系方式</span><em class="ng-binding">07715670715</em></li>
						<li class="gray2"><span>口味</span><em class="taste">加载中……</em></li>
					</ul>
				</div>				
				</div>
				<div class="detail-service">
					<h3>
						<span class="fl">售后服务</span>
					</h3>
					<span class="gray2 detailService1">本商家商品保证正品行货，严格按照国家三包政策提供售后服务，因质量问题或者实物与描述不同产生的退换货运费由本店承担。<br/><br/><br/></span>
				</div>
			</div>
			<!--tab1 切换2-->
			<div class="tab2-box" id="prodDesc" ng-show="isShowList2">
				<div  class="fixed-tab-pannel" ></div>
				<br><br>
			</div>
			<!--加入购物车-->
			<div class="about_wrap product_wrap" style="position: fixed;bottom: 0;">

				<div class="about">
					<div class="f_gjt nav-bottom">
						<ul>
							<!-- <li class="bg-orange"><a href="#"><span>加入购物车</span></a></li> -->
							<li class=" bg-red"><a href="javascript:;"><span class="open_app" style="font-size: 24px;">APP购买</span></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
        </div>
</body>
<script type="text/javascript">
;$(function(){
	//判断访问终端
	var browser={
	    versions:function(){
	        var u = navigator.userAgent, app = navigator.appVersion;
	        return {
	            trident: u.indexOf('Trident') > -1, //IE内核
	            presto: u.indexOf('Presto') > -1, //opera内核
	            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
	            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
	            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
	            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
	            android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
	            iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
	            iPad: u.indexOf('iPad') > -1, //是否iPad
	            webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
	            weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
	            qq: u.match(/\sQQ/i) == " qq" //是否QQ
	        };
	    }(),
	    language:(navigator.browserLanguage || navigator.language).toLowerCase()
	};
	
	
	
	$('.open_app').click(function(){
		if(browser.versions.ios){
			//alert("ios app");
			//iOS系统				
			window.location.href="gxxwkj://lexiangsui.xunwang.com";//URL Schemes:KanMeiApp 
			//window.location.href="gxxwkj://";
		}else if(browser.versions.android){
			//安卓系统
			window.location.href="xw://com.ishow.dxwkj31";//m:android:scheme my.com:android:host
		}
	});
})
</script>

</html>